<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="robots" content="index, follow"/>
    <title>Yicai Button Factory</title>
    <meta name="keywords" content="Yicai Button Factory">
    <meta name="description" content="Yicai Button Factory">
    <meta http-equiv="Cache-Control" content="no-transform"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <meta name="applicable-device" content="pc,mobile"/>
    <link href="/favicon.ico" rel="shortcut icon"/>
    <link href="/template/1/default/css/style.css" rel="stylesheet"/>
    <link href="/template/1/default/css/index.css" rel="stylesheet"/>
    <script src="/template/1/default/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="/template/1/default/js/jquery.superslide.2.1.1.js">//pc导航</script>
    <script type="text/javascript" src="/template/1/default/js/jquery.bxslider.min.js">/*轮显*/</script>
    <script src="/template/1/default/js/anim.js">//动画</script>
    <script src="/template/1/default/js/owl.carousel.js"></script>
    <script type="text/javascript" src="/template/1/default/js/basic.js"></script>
</head>
<body>
<!--头部begin-->
<div class="header-v1">
    <!-- S top-main -->
    <div class="top-main">
        <div class="logo1">
            <a href="/"><img src="/upload/1/appLogo/1691559013577.png" alt="Yicai Button Factory"/></a>
            <span style="color: white;
    padding-left: 10px;
    font-size: 18px;">Yicai Button Factory</span>
        </div>
        <div class="top_search"><em></em>
            <div class="search_con">
                <form name="formsearch" action="/mcms/search.do" method="post">
                    <input class="input1" type="text" name="content_title" id="p" placeholder="Search" value="">
                    <input type="submit" class="bnts" value="">
                </form>
            </div>
        </div>
        <div class="top-main-content">
            <!-- S nav -->
            <div class="navBar">
                <ul class="nav clearfix">
                    <li class="m on">
                        <h3><a href="/" title="Index"><span data-title="Index">Index</span></a></h3>
                    </li>
                    <!--定义变量typeid、ids，通过这两个变量判断是否选中-->
                    <li class="m ">
                        <h3>
                            <a href="/html/web/gywm/gongsijieshao/index.html">
                                <span data-title="About Yicai">About Yicai</span>
                            </a>
                        </h3>
                        <div class="sub">
                            <ul>
                                <li>
                                    <a href="/html/web/gywm/lianxiwomen/index.html" target="_blank">Contact Us</a>
                                </li>
                                <li>
                                    <a href="/html/web/gywm/gongsijieshao/index.html" target="_blank">Yicai Button Factory</a>
                                </li>
                                <li>
                                    <a href="/html/web/gywm/QUALITYSERVICES/index.html" target="_blank">QUALITY & SERVICES</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="m ">
                        <h3>
                            <a href="/html/web/product/index.html">
                                <span data-title="Our products">Our products</span>
                            </a>
                        </h3>
                        <div class="sub">
                            <ul>
                                <li>
                                    <a href="/html/web/product/pingtaichanpin/index.html" target="_blank">Shell button</a>
                                </li>
                                <li>
                                    <a href="/html/web/product/kycp/index.html" target="_blank">Horn button</a>
                                </li>
                                <li>
                                    <a href="/html/web/product/hycp/index.html" target="_blank">Fruit button</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
            <script type="text/javascript">
                jQuery(".nav").slide({
                    type: "menu",
                    titCell: ".m",
                    targetCell: ".sub",
                    effect: "slideDown",
                    delayTime: 300,
                    triggerTime: 100,
                    returnDefault: true
            });
            </script>
            <!-- E nav-->
        </div>
    </div>
    <!-- E top-main -->
    <div class="c_l"></div>
</div>
<!-- S touch-top-wrapper -->
<div class="touch-top">
    <div class="touch-top-wrapper clearfix">
        <div class="touch-logo" skinobjectzone="HtmlLogo_1514">
            <a class="" href="/">
                <img src="/upload/1/appLogo/1691559013577.png" alt="Yicai Button Factory"/>
            </a>
        </div>
        <!-- S touch-navigation -->
        <div class="touch-navigation">
            <div class="touch-toggle">
                <ul>
                    <li class="touch-toggle-item-last">
                        <a href="javascript:void(0);" class="drawer-menu" data-drawer="search_div">
                            <i class="touch-icon-search"><span>Search</span></i>
                        </a>
                    </li>
                    <li class="touch-toggle-item-last">
                        <a href="javascript:;" class="drawer-menu" data-drawer="drawer-section-menu">
                            <i class="touch-icon-menu"></i><span>Navigation</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- E touch-navigation -->
    </div>
    <!-- S touch-top -->
    <div class="touch-toggle-content touch-top-home">
        <!--手机搜索begin-->
        <div class="drawer-section search_div">
            <div class="search_con">
                <form  name="formsearch" action="/mcms/search.do" method="post" target="_blank" style="height: 42px;">
                    <input type="text" name="content_title" id="q" class="input1" placeholder="Search" value=""/>
                    <input type="submit" value="" class="bnt1"/>
                </form>
            </div>
        </div>
        <!--手机搜索end-->
        <!--手机菜单begin-->
        <div class="drawer-section drawer-section-menu">
            <div class="touch-menu" skinobjectzone="menu_2005">
                <ul>
                    <li>
                        <a href="/"><span>Index</span></a>
                    </li>
                    <li>
                        <a href="/html/web/gywm/gongsijieshao/index.html">
                            <span>About Yicai</span>
                            <i class="touch-arrow-down"></i>
                        </a>
                        <ul>
                            <li>
                                <a href="/html/web/gywm/lianxiwomen/index.html">
                                    <span>Contact Us</span>
                                </a>
                            </li>
                            <li>
                                <a href="/html/web/gywm/gongsijieshao/index.html">
                                    <span>Yicai Button Factory</span>
                                </a>
                            </li>
                            <li>
                                <a href="/html/web/gywm/QUALITYSERVICES/index.html">
                                    <span>QUALITY & SERVICES</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="/html/web/product/index.html">
                            <span>Our products</span>
                            <i class="touch-arrow-down"></i>
                        </a>
                        <ul>
                            <li>
                                <a href="/html/web/product/pingtaichanpin/index.html">
                                    <span>Shell button</span>
                                </a>
                            </li>
                            <li>
                                <a href="/html/web/product/kycp/index.html">
                                    <span>Horn button</span>
                                </a>
                            </li>
                            <li>
                                <a href="/html/web/product/hycp/index.html">
                                    <span>Fruit button</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
                <div class="closetitle">
                    <img src="/template/1/default/picture/nav_bg2.png">
                </div>
            </div>
        </div>
        <!--手机菜单end-->
    </div>
    <!-- E touch-top -->
</div>
<div class="touch_bg">&nbsp;</div>
<!-- E touch-top-wrapper -->
<div class="blank_h">&nbsp;</div>
<script src="/template/1/default/js/public.js">//导航</script>
<!--头部end-->
<div style="color: white;width: 100%;height:450px;display: flex;flex-direction: column;background-image: linear-gradient(45deg, #4fa49a, #4361c2);">
    <div style="flex: 1"></div>
    <div style="display: flex;">
        <div style="flex: 1"></div>
        <img src="/upload/1/appLogo/1691559013577.png" style="width: 120px" alt="Yicai Button Factory"/>
        <div style="flex: 1"></div>
    </div>
    <div style="display: flex;margin: 30px">
        <div style="flex: 1"></div>
        <span style="font-size: 32px;font-weight: bold">Yicai Button Factory</span>
        <div style="flex: 1"></div>
    </div>
    <div style="display: flex;">
        <div style="flex: 1"></div>
        <span style="font-size: 14px">Jiashan Shunchuang Clothing Accessories Co., Ltd</span>
        <div style="flex: 1"></div>
    </div>
    <div style="display: flex;margin-top: 30px;color: white">
        <div style="flex: 1"></div>
        <a style="color: goldenrod" href="/template/1/default/picture/oeko-tex.pdf" class="button wide primary">OEKO-TEX</a>
        <div style="width: 20px"></div>
        <a style="color: goldenrod" href="/template/1/default/picture/grs.pdf" class="button wide primary">GRS</a>
        <div style="flex: 1"></div>
    </div>
    <div style="flex: 1"></div>
</div>

<div style="width:100%;background: white;display: flex;color: #555">
    <div style="flex: 1;display: flex;flex-direction: column">
        <div style="flex: 1"></div>
        <h2 style="font-size: 32px;font-weight: bold;margin: 40px">ABOUT COMPANY</h2>
        <p style="margin-left: 40px;margin-bottom: 40px;margin-right: 40px;font-size: 14px;line-height: 18px">
        Jiashan Yicai Button Factory (Jiashan Shunchuang Clothing Accessories Co., Ltd) is located in Xitang town, Jiashan Count, Zhejiang Province. It is an Enterprise intergrating button research and development, production and marketing. We focus on high-end products and services to provide the fast, accurate and professional button technology and quality to many fashion brands in Europe.
        </p>
        <div style="flex: 1"></div>
    </div>
</div>
<!--轮显begin-->
<!--<div id="slider">-->
<!--    <ul class="bxslider">-->
<!--        -->
<!--    </ul>-->
<!--</div>-->
<!--<script>-->
<!--    var slider = $('.bxslider').bxSlider({-->
<!--        mode: 'horizontal',/*fade,vertical*/-->
<!--        controls: true,-->
<!--        speed: 500,-->
<!--        hideControlOnEnd: false,-->
<!--        pager: true,-->
<!--        auto: true,-->
<!--    });-->
<!--    $(window).resize(function () {-->
<!--        slider.reloadSlider();-->
<!--    });-->
<!--</script>-->
<!--轮显end-->
<!--flash start-->
<!--<div class="flash_div">-->
<!--    <div id="owl-flash" class="owl-carousel">-->
<!--        -->
<!--    </div>-->
<!--</div>-->
<!--flash end-->
<div class="i_product_bg">
    <div class="wrap2">
        <div class="i_title anim anim-1">
            <h2 class="f41">Our products</h2>
            <p class="f24">PRODUCT</p>
        </div>
        <div class="nproduct_list2">
            <ul>
                <li class="anim anim-1">
                    <a href="/html/web/product/hycp/1689178832367685633.html" title="Fruit button">
                        <div class="imgs"><img src="/upload/1/cms/content/1691566590235.jpg" alt="Fruit button">
                            <p>&nbsp;</p>
                        </div>
                        <h2 class="f24">Fruit button</h2>
                        <p>        
...</p>
                    </a>
                </li>
                <li class="anim anim-1">
                    <a href="/html/web/product/kycp/1689178742139817985.html" title="Horn button">
                        <div class="imgs"><img src="/upload/1/cms/content/1691566568014.jpg" alt="Horn button">
                            <p>&nbsp;</p>
                        </div>
                        <h2 class="f24">Horn button</h2>
                        <p>        
...</p>
                    </a>
                </li>
                <li class="anim anim-1">
                    <a href="/html/web/product/pingtaichanpin/1689178673969795074.html" title="Shell button">
                        <div class="imgs"><img src="/upload/1/cms/content/1691566551722.jpg" alt="Shell button">
                            <p>&nbsp;</p>
                        </div>
                        <h2 class="f24">Shell button</h2>
                        <p>        
...</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>

<!--尾部begin-->
<div class="f_bg">
    <div class="f_bg_div">
                <div class="links">
            <h2>
                <a href="/html/web/product/index.html">Our products</a>
            </h2>
            <ul>
                <li>
                    <a href="/html/web/product/pingtaichanpin/index.html">Shell button</a>
                </li>
                <li>
                    <a href="/html/web/product/kycp/index.html">Horn button</a>
                </li>
                <li>
                    <a href="/html/web/product/hycp/index.html">Fruit button</a>
                </li>
            </ul>
        </div>
        <div class="links">
            <h2>
                <a href="/html/web/gywm/gongsijieshao/index.html">About Yicai</a>
            </h2>
            <ul>
                <li>
                    <a href="/html/web/gywm/lianxiwomen/index.html">Contact Us</a>
                </li>
                <li>
                    <a href="/html/web/gywm/gongsijieshao/index.html">Yicai Button Factory</a>
                </li>
                <li>
                    <a href="/html/web/gywm/QUALITYSERVICES/index.html">QUALITY & SERVICES</a>
                </li>
            </ul>
        </div>
        <div class="links">
            <h2>Contact Us</h2>
            <ul>
                <li>
            <a href="tel:+86 18857360129">Mobile:+86 18857360129</a>
                </li>
                <li>
            <a href="mailto:karl@ybf.asia">Mail:karl@ybf.asia</a>
                </li>
            </ul>
<!--            <a href="http://wpa.qq.com/msgrd?v=3&site=某某公司&menu=yes&uin=123456789" class="foot_a" target="_blank">-->
<!--                <img src="/template/1/default/picture/foot_bg1.png"/>-->
<!--            </a>-->
        </div>
        <div class="f_div2_r2">
            <img src=""/>
        </div>
    </div>
</div>
<div class="f_div3">
    <div class="f_bg_div footx"><span class="l"><a target="_blank" rel="nofollow" href="https://beian.miit.gov.cn/">浙ICP备15014196号-1</a> Desgin By Stanfine</span></div>
</div>
<!--尾部end--> 
<script language="javascript" src="/template/1/default/js/foot.js"></script><!--尾部end-->
<script>
    $("#owl-flash").owlCarousel({/*手机轮显图*/
        items: 1,
        lazyLoad: true,
        autoPlay: true,
        itemsDesktop: [1199, 1],
        itemsDesktopSmall: [979, 1],
        itemsTablet: [768, 1],
        itemsTabletSmall: false,
        itemsMobile: [479, 1],
        //rewindNav:false,
        navigation: true
    });
    $("#owl-demo3").owlCarousel({/*行业案例*/
        items: 4,
        lazyLoad: true,
        autoPlay: true,
        itemsDesktop: [1199, 4],
        itemsDesktopSmall: [979, 3],
        itemsTablet: [768, 2],
        itemsTabletSmall: false,
        itemsMobile: [479, 2],
        navigation: true
    });

    window.onload = function () {/*轮显动画*/
        $('.bx-pager .bx-pager-item').click(function () {
            var linum = $(this).index();
            var CaseList = $(".bxslider li");

            $(this).find("a").click(function () {
                CaseList.removeClass("active");
                CaseList.eq(linum).addClass("active");

                $('.bx-pager .bx-pager-item').removeClass("active");
                $('.bx-pager .bx-pager-item').eq(linum).addClass("active");
                // $(this).addClass('csel').siblings().removeClass('csel');
                // CaseList.hide().eq(linum).show();
                //CaseList.find(".anim").removeClass("anim-show");
//			setTimeout(function(){
//				CaseList.eq(linum).find(".anim").addClass("anim-show");
//			},6)
            })
        })
    }
</script>
</body>
</html>
